.sprint-detail-row {
    height: 100%;
}

.sprint-plan {
    padding: 10px;
    height: 100%;
    background: #fff;

    .sprint-plan-content {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: row;
        height: 100%;
        gap: 20px;
        overflow: auto;
        .sprint-plan-box {
            border-radius: 4px;
            background: #f7f7f7;
            padding-bottom: 2px;
            width: 500px;

            .sprint-plan-box-top {
                width: 100%;
                text-align: center;
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
                // position: sticky;
                top: 0;
                background: #f7f7f7;
                .sprint-plan-title {
                    height: 40px;
                    line-height: 40px;
                }

                .sprint-plan-filter {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    height: 50px;
                    line-height: 50px;
                    padding: 0 20px;
                    justify-content: space-around;

                    .select-view {
                        position: relative;
                        cursor: pointer;
                        height: 30px;
                        width: 90px;
                        line-height: 30px;
                        padding: 0 10px;
                        background: #f0f0f0;
                        border-radius: 4px;
                    }
                }
            }

            .sprint-plan-box-content {
                height: calc(100% - 100px);
                overflow: auto;
            }

            .sprint-plan-box-content::-webkit-scrollbar {
                width: 5px;
            }
            .sprint-plan-box-content::-webkit-scrollbar-thumb {
                border-radius: 5px;
                background: var(--tiklab-gray-400);
            }
            .sprint-plan-box-content::-webkit-scrollbar-track {
                border-radius: 0;
                background: var(--tiklab-gray-600);
            }

            .sprint-plan-list {
                overflow: auto;
                padding: 0 20px;
                .change-page {
                    display: flex;
                    justify-content: center;
                    color: var(--tiklab-blue);
                    cursor: pointer;
                    padding-bottom: 10px;
                }
            }

            .sprint-plan-item-box {
                margin: 0 auto;
                border-radius: 4px;
                margin-bottom: 10px;
                padding: 10px var(--tiklab-padding);
                font-size: 13px;
                background-color: #fff;
                display: flex;
                align-items: center;
                justify-content: space-between;

               gap: 20px;

                .work-item-left {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    min-width: 0;
                    flex: 1;
                    .work-item-info {
                        line-height: 30px;
                        flex-shrink: 1;
                        min-width: 0;
                    }
                    .work-item-id {
                        font-size: 12px;
                        color: var(--tiklab-gray-500);
                    }
                    .work-item-title {
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }
                    .work-item-title:hover {
                        cursor: pointer;
                        color: var(--tiklab-blue);
                    }
                }
                .work-item-master {
                    flex-shrink: 0;
                    width: 60px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                .work-item-status {
                    flex-shrink: 0;
                    width: 60px;
                    display: flex;
                    justify-content: flex-end;
                }
                .work-status {
                    padding: 2px 3px;
                    background: #e2e1e4;
                    border-radius: 4px;
                    font-size: 10px;
                    width: fit-content;
                    color: #2b333e;
                    flex-shrink: 0;
                } 
        
    
                .work-status-process {
                    background: #b0d5dfa1;
                    color: #132c33;
                }
    
                .work-status-done {
                    background: #dfecd5e3;
                    color: #5e5314;
                }

            }

            .box::-webkit-scrollbar {
                width: 0 !important;
                height: 0 !important;
            }

            .sprint-plan-list {
                -ms-overflow-style: none;
                overflow: -moz-scrollbars-none;

            }
        }
    }


}
.submit-botton {
    display: flex;
    justify-content: right;
    gap: 5px;
    align-items: center;
}